<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap-datetimepicker.min.css" />
		<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/moment-with-locales.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#datetimepicker1").datetimepicker({
					format: "yyyy-mm-dd",
					language: 'zh-CN',
					autoclose: true,
					forceParse: false,
					startView: 4,
					miniView: 4,
					weekStart: 1
				})
			});
		</script>
	</head>
	<body>
		<!-- 头部 -->
		<div class="container-fluid page-header">
			<h1 style="color: #23527C;" class="col-xs-offset-1">天天淘购物</h1>
		</div>

		<div class="jumbotron" style="height: 600px;">
			<div style="height: 520px;width: 500px;margin:auto;background: #FFFFFF;padding: 10px;">
				<div style="margin: 20px;">
					<h2>用户注册</h2>
					<span style='color:red'>&nbsp;${registerMsg}</span>
					<form action="${pageContext.request.contextPath}/user/register.do" method="POST" class="form-horizontal">
						<div class="form-group" style="margin: 20px;width: 80%;">
							<label>用户名</label>
							<input type="text" class="form-control" name="username"/>
						</div>
						<div class="form-group" style="margin: 20px;width: 80%;">
							<label> 密码</label>
							<input type="password" class="form-control" name="password"/>
						</div>
						<div class="form-group" style="margin: 20px;width: 80%;">
							<label> 邮箱</label>
							<input type="text" class="form-control" name="email"/>
						</div>
						<div class="form-group" style="margin: 20px;width: 80%;">
							<label> 联系电话</label>
							<input type="text" class="form-control" name="mobile"/>
						</div>

						<div class="container">
							<div class="col-xs-6">
								<div class="form-group">
									<label>生日</label>
									<!--指定 date标记-->
									<div class="input-group date" id="datetimepicker1">
										<input type='text' class="form-control" data-date-format="yyyy-mm-dd" name="birthday"/>
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-calendar"></span>
										</span>
									</div>
								</div>
							</div>
							<div class="col-xs-2" style="margin-left: 20px;">
								<!-- 性别 -->
								<div class="form-group">
									<label>性别</label>
									<select class="form-control" name="sex">
										<option value="1">男</option>
										<option value="0">女</option>
									</select>
								</div>
							</div>
							<div class="col-xs-2">
								<button type="submit" class="btn btn-primary" style="margin-top: 25px;">注册</button>
							</div>
				</div>
				</form>
			</div>
		</div>
		</div>

	</body>
</html>
